$(function () {
   //滚动事件
    $(window).scroll(function(){

       var myHeight = $(window).scrollTop();

       if(myHeight >= 100){
  
            $('.act2').addClass('Show');
       }

  });
   //滚动事件
    $(window).scroll(function(){

       var myHeight = $(window).scrollTop();

       if(myHeight >= 800){
  
            $('.train').addClass('Show');
       }

  });
   //滚动事件
    $(window).scroll(function(){

       var myHeight = $(window).scrollTop();

       if(myHeight >= 1500){
  
            $('.mao').addClass('Show');
       }

  });

   // 无缝滚动
   // 1.大盒子 在这个大盒子里面滚
   // 2.ul宽度，ul内容翻倍
   // 3. 计时器
  //  var newwidth = $( '.wu' ).width()*2;
       
  //      $('.wu').css('width',newwidth);
  //  var newContent = $( '.wu' ).html();
  //      $( '.wu' ).html(newContent+newContent);

  //  var timer = setInterval(move,20);

  //  var cur = 1 ;

  //  function move(){

  //     var newLelt = $( '.wu' ).css('left');
       
  //     if (newLelt>0+'px') {
  //         $('.wu').css('left',-newwidth/2+'px');
  //     }
  //     if (newLelt==-newwidth/2+'px') {
  //          $('.wu').css('left',0);
  //     }
  //    $( '.wu' ).css('left','+='+cur+'px');
     
  //     }

  // $( '.left' ).click(function(){
  //     cur =-1 
  // })

  //  $( '.right' ).click(function(){
  //     cur =1 
  // })
  
  var newwidth = $('.wu').width()*2;

    $('.wu').css('width',newwidth);

    var newContent = $('.wu').html();

    $('.wu').html(newContent+newContent);

    var timer =setInterval(mov,20);

    var speed = 1;

    function mov(){
      
      var newLelt = $('.wu').css('left');

      if(newLelt>0+'px'){

        $('.wu').css('left',-newwidth/2+'px');
      }
      if(newLelt==-newwidth/2+'px'){
       $('.wu').css('left',0);
      }
       $('.wu').css('left','+='+speed+'px');


    }
    $('.left').click(function(){
      speed=-1;
    })
    $('.right').click(function(){
      speed=1;
    })




})